<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册 - 筑梦智程</title>
    <link rel="icon" type="image/x-icon" href="https://pic.imgdb.cn/item/66e93bfef21886ccc0d210d1.jpg"/>
    <link rel="stylesheet" href="../page1/index.css">
    <link rel="stylesheet" href="../page1/login.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<body>
    <header class="site-header">
        <div class="container">
            <div class="header-content">
                <div class="logo-container">
                    <div class="logost"></div>
                    <div class="logo">筑梦智程</div>
                </div>
                <nav class="main-nav">
                    <ul class="navigation">
                        <li><a href="../page1/index.html">返回首页</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <main>
        <section id="register-section" class="section-padding">
            <div class="container">
                <div class="login-container">
                    <h1 class="section-title">用户注册</h1>
                    <form id="register-form">
                        <div class="form-group">
                            <label for="username">用户名</label>
                            <input type="text" id="username" name="username" required>
                        </div>
                        <div class="form-group">
                            <label for="email">电子邮箱</label>
                            <input type="email" id="email" name="email" required>
                        </div>
                        <div class="form-group">
                            <label for="password">密码</label>
                            <input type="password" id="password" name="password" required>
                        </div>
                        <div class="form-group">
                            <label for="confirm-password">确认密码</label>
                            <input type="password" id="confirm-password" name="confirm-password" required>
                        </div>
                        <div class="form-group">
                            <label for="user-type" style="font-weight: bold;">用户类型</label>
                            <select id="user-type" name="user-type" style="color: #d4d4d4; font-weight: bold;">
                                <option value="student">学员</option>
                            </select>
                        </div>
                        <button type="submit" class="cta-button">注册</button>
                    </form>
                    <p class="login-link">已有账号？<a href="../page1/login.html">立即登录</a></p>
                </div>
            </div>
        </section>
    </main>

    <footer class="site-footer">
        <div class="container">
            <p>&copy; 2024 筑梦智程. All rights reserved.</p>
        </div>
    </footer>

    <script src="register.js"></script>
</body>
</html>